<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core">

<head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<title>Création d'un film</title>
	<link rel="stylesheet" type="text/css" href="Script/formulaire-css3.css" media="screen" title="bbxcss" />
	<link rel="stylesheet" href="Script/jquery-ui-1.8.20.custom/css/ui-lightness/jquery-ui-1.8.20.custom.css" />
	<script src="Script/jquery-ui-1.8.20.custom/js/jquery-1.7.2.min.js"></script>
	<script src="Script/jquery-ui-1.8.20.custom/js/jquery-ui-1.8.20.custom.min.js"></script>
	<script>
		$(document).ready(function()
		{
			$("#datepicker").datepicker({dateFormat: 'dd/mm/yy'});
		});
	</script>
</head>

<body> 
	<form>
		<fieldset>
			<p align="center"><u><b>CREATION D'UN FILM</b></u></p>
	    </fieldset>
	</form>
	<h:form>
      	<fieldset>
      		<p>
        		<label>	NOM DU FILM</label>
        		<!-- 
        			On récupère le nom du film que l'admin a écrit
        		 -->
      			<h:inputText class="movie_fields" value="#{movieManagedBean.movie.nom}" />
      		</p>
       		<p>        
      			<label>DATE DE SORTIE</label>
      			<!-- 
        			On récupère la date de sortie du film que l'admin a écrit
        		 -->
        		<h:inputText class="movie_fields" value="#{movieManagedBean.movie.dateSortie}" />
        	</p>
	        <p>     
        		<label> GENRE</label>
        		<!-- 
        			On récupère le genre du film que l'admin a écrit
        		 -->
         		<h:inputText class="movie_fields" value="#{movieManagedBean.movie.genre}" />
        	</p> 
	        <p>     
        		<label> LANGUE</label>
        		<!-- 
        			On récupère la langue du film que l'admin a écrit
        		 -->
         		<h:inputText class="movie_fields" value="#{movieManagedBean.movie.langue}" />
        	</p> 
		    <p>
        		<label> DUREE </label>
        		<!-- 
        			On récupère la durée du film que l'admin a écrit
        		 -->
        		<h:inputText class="movie_fields" value="#{movieManagedBean.movie.duree}" />
       		</p>
	        <p>
				<label> REALISATEUR </label>
				<!-- 
        			On récupère le réalisateur du film que l'admin a écrit
        		 -->
       			<input type="text" name="realisateur" size="70" value="Séparer chaque rélisateur par une virgule" onclick="this.value=''"/>
        	</p>
	        <p>    
        		<label> SCENARISTE </label>
        		<!-- 
        			On récupère le scénariste du film que l'admin a écrit
        		 -->
       			<input type="text" name="scenariste" size="70" value="Séparer chaque scénariste par une virgule" onclick="this.value=''"/>
       		</p>
        	<p>    
        		<label> ACTEUR </label>
        		<!-- 
        			On récupère l'acteur du film que l'admin a écrit
        		 -->
      			<input type="text" name="acteur" size="70" value="Séparer chaque acteur par une virgule" onclick="this.value=''"/>
        	</p>
       		<p>
        		<label> SYNOPSIS </label>
        		<!-- 
        			On récupère le synopsis du film que l'admin a écrit
        		 -->
        		<h:inputText class="movie_fields" value="#{movieManagedBean.movie.synopsis}" />
       		</p> 
       		<p>              
         		<label> LIEN PHOTO </label>
         		<!-- 
        			On récupère le lien photo du film que l'admin a écrit
        		 -->
         		<h:inputText class="movie_fields" value="#{movieManagedBean.movie.lienPhoto}" />
        	</p>
        	<p>              
         		<label> LIEN BANDE ANNONCE </label>
         		<!-- 
        			On récupère la lien de la bande annonce du film que l'admin a écrit
        		 -->
         		<h:inputText class="movie_fields" value="#{movieManagedBean.movie.lienBA}" />
        	</p>    
        	<p align="right">
        		<!-- 
        			On ajoute le film avec la fonction createMovie() de la classe MovieManagedBean
        			Ce managed bean peut demander l'injection du bean film de façon à pouvoir examiner les champs entrés par l'admin.
        			oui fois cliqué sur le bouton Ajouter il affiche que le film a bien été ajouté
        	 	-->
        	 	<h:commandButton value="AJOUTER" action="#{movieManagedBean.createMovie}" onclick="javascript:popup('Le film a été ajouté à la base de données')" />         
         	</p>
		</fieldset>
	</h:form>
</body>
</html>